<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>title</title>
		<link rel="stylesheet" type="text/css" href="../css/api.css"/>
		<style>
			body {
				font: 14px/28px "微软雅黑";
			}
			.contact *:focus {
				outline: none;
			}
			.contact {
				height: auto;
				margin: 40px auto;
			}
			.contact ul {
				margin: 0 auto;
			}
			.contact ul li {
				border-bottom: 1px solid #dfdfdf;
				list-style: none;
				padding: 12px;
			}
			.contact ul li label {
				width: 120px;
				display: inline-block;
				float: left;
			}
			.contact ul li input[type=text], .contact ul li input[type=password] {
				width: 220px;
				height: 25px;
				border: 1px solid #aaa;
				padding: 3px 8px;
				border-radius: 5px;
			}
			.contact ul li input:focus {
				border-color: #c00;
			}
			.contact ul li input[type=text] {
				transition: padding .25s;
				-o-transition: padding .25s;
				-moz-transition: padding .25s;
				-webkit-transition: padding .25s;
			}
			.contact ul li input[type=password] {
				transition: padding .25s;
				-o-transition: padding .25s;
				-moz-transition: padding .25s;
				-webkit-transition: padding .25s;
			}
			.contact ul li input:focus {
				padding-right: 70px;
			}
			.btn {
				position: relative;
				left: 300px;
			}
			.tips {
				color: rgba(0, 0, 0, 0.5);
				padding-left: 10px;
			}
			.tips_true, .tips_false {
				padding-left: 10px;
			}
			.tips_true {
				color: green;
			}
			.tips_false {
				color: red;
			}
		</style>
	</head>
	<body>
		<div class="contact" style="width: 100%" >
			<form name="form1" method="post">
				<ul  id="ld">
					<li>
						<label>姓名：</label>
						<span class="tips" id="divname"></span>
					</li>
					<li>
						<label>手机号：</label>
						<span class="tips" id="mobile"></span>
					</li>
					<li>
						<label>项目：</label>
						<span class="tips" id="divpassword1" v-for="(l,index) in ld" v-text="l.projectName"></span>
					</li>
					<li>
						<label>养护次数：</label>
						<span class="tips" id="divpassword2"></span>
					</li>
					<li>
						<label>巡查次数：</label>
						<span class="tips" id="divmail"></span>
					</li>
				</ul>
			</form>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/vue.js"></script>
	<script type="text/javascript" src="../script/jquery-1.11.0.min.js"></script>
	<script type="text/javascript">
		apiready = function() {
			//項目id
			var departid = $api.getStorage('selectpor').id
			//項目名称
			var departname = $api.getStorage('selectpor');
			//用户信息
			var user = $api.getStorage('userSession').data;
			////企业id
			var qiyeid = $api.getStorage('userSession').data.depart.id;
			$("#divname").text(user.realName);
			$("#mobile").text(user.mobile);
			var arr = [];
			for (var i = 0; i < user.departProjects.length; i++) {
				arr.push(user.departProjects[i]);
			}
			var apps = new Vue({
				el : '#ld',
				data : {
					ld : arr
				}
			})
		};
	</script>
</html>